.message{
    position: fixed;
    top:80px;
    box-shadow:0px 0px 3px 1px rgba(100,100,100,0.3);
    min-width:50px;
    width:100px;
    height: 25px;
    border-radius: 3px;
    margin-left: auto;
    margin-right:auto;
    left:0;
    right:0;
    bottom:0;
    background-color: #fff;
    line-height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 6px;
    font-size: 12px;
    text-align: center;
    transition: color 0.3s;
}

.message-hide{
    display:none;
}

.text {
    visibility: hidden;
    white-space: nowrap;
    font-size: 12px;
    margin: auto;
    width: auto;
    display: inline-block;
}

.test{
    display:block;
}

.icon-success{
    width: 30;
    height: 30;
    background: #66BB6A;
    border-radius: 50px;
    display:flex;
}

.icon-success:before{
    height: 5px;
    width: 13px;
    background: #ffffff;
    display: block;
    position: absolute;
    content: "";
    margin-top: 18.2px;
    margin-left: 3.4px;
    transform: rotate(45deg);
}


.icon-success:after{
    width: 21px;
    height: 5px;
    margin-left: 8.7px;
    margin-top: 13.4px;
    background: white;
    content: "";
    position: absolute;
    transform: rotate(135deg);
}

.icon-error{
    width: 30;
    height: 30;
    background: #F44336;
    border-radius: 50px;
    display: flex;
}

.icon-error:after{
    height: 5px;
    width: 25px;
    background: #ffffff;
    display: block;
    position: absolute;
    content: "";
    margin-top: 12.2px;
    margin-left: 2.4px;
    transform: rotate(45deg);
}

.icon-error:before{
    width: 25px;
    height: 5px;
    margin-left: 2.7px;
    margin-top: 12.4px;
    background: white;
    content: "";
    position: absolute;
    transform: rotate(135deg);
}
.icon-warn{
    width: 30;
    height: 30;
    background: #FFC107;
    border-radius: 50px;
    display: flex;
}

.icon-warn:after{
    height: 5px;
    width: 5px;
    background: #ffffff;
    display: block;
    position: absolute;
    content: "";
    margin-top: 5.2px;
    margin-left: 12px;
}

.icon-warn:before{
    width: 14px;
    height: 6px;
    left: 22px;
    top: 19px;
    background: white;
    content: "";
    position: absolute;
    transform: rotate(90deg);
}

.icon-info{
    background:#03A9F4;
}